import React from 'react'
import style from './style.module.scss'
import { Grid } from 'antd-mobile'

export default function HotHouse(props) {
  return (
    <>
    {
      props.list.map(ele=>{
        return <div className={style.box} key={ele.id}>
        <img src={ele.imgUrl} alt="" width='100%'/>
        <div className={style.wrapper}>
          <Grid columns={3}>
            <Grid.Item span={2}>
              <div className={style.info}>
                <div>{ele.address}</div>
                <p>{ele.huxing}<span>{ele.area}㎡</span></p>
              </div>
            </Grid.Item>
            <Grid.Item>
              <div className={style.type}>{ele.type}</div>
              <p className={style.price}>{ele.price}元/月</p>
            </Grid.Item>
          </Grid>
        </div>
      </div>
      })
    }
    </>
  )
}
